<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>
        <div class="one">
            <textarea disabled="disabled" style="width: 90%;height: 1000px;font-size: 15px;font-weight: 800;text-align: left;">
                超出省略
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
    
                抓手
                cursor: pointer;
    
                flex
                display: flex;
                align-items: center;
                justify-content: space-between;
    
                文字居中
                https://baijiahao.baidu.com/s?id=1752316671880456057&wfr=spider&for=pc
                    display: -webkit-box;
                    -webkit-box-orient: horizontal;
                    -webkit-box-pack: center;
                    -webkit-box-align: center;
            
                    display: -moz-box;
                    -moz-box-orient: horizontal;
                    -moz-box-pack: center;
                    -moz-box-align: center;
                    
                    display: -o-box;
                    -o-box-orient: horizontal;
                    -o-box-pack: center;
                    -o-box-align: center;
                    
                    display: -ms-box;
                    -ms-box-orient: horizontal;
                    -ms-box-pack: center;
                    -ms-box-align: center;
                    
                    display: box;
                    box-orient: horizontal;
                    box-pack: center;
                    box-align: center;
    
                奇怪现象：two的上边距不是相对于one，而是把上边距交给one，让one来确定上边距
                <div id="one" style="width: 100px;height: 1000px;background-color: red;">
                    <div id="two" style="width: 20px;height: 20px;background-color: yellow; margin-top: 100px;"></div>
                </div>
                问题是这个：上下margin传递和上下margin折叠：
                https://www.jianshu.com/p/0e0af0df151b
            </textarea>
        </div>
        
    </div>
</body>
</html>
<style>
    /* 大架子 */
    .one {
        width: 60%; 
        margin: 0 auto;
        background-color: #fff;
        padding: 15px;
    }
</style>